<template>
  <div class="info-box">
    <div class="info-item">
      <p>大区</p>
      <p>{{ dataObject.area }}</p>
    </div>
    <div class="info-item">
      <p>抖家运营费</p>
      <p>￥{{ dataObject.money ? (dataObject.money / 100).toFixed(2) : 0 }}</p>
    </div>
    <div class="info-item">
      <p>申请费用时间</p>
      <p>{{ dataObject.createTime }}</p>
    </div>
    <div class="info-item">
      <p>已投放金额</p>
      <p>￥{{ dataObject.usedMoney ? (dataObject.usedMoney / 100).toFixed(2) : 0 }}</p>
    </div>
    <div class="info-item" v-if="dataObject.availableMoney">
      <p>可投放金额</p>
      <p>￥{{ dataObject.availableMoney ? (dataObject.availableMoney / 100).toFixed(2) : 0 }}</p>
    </div>
  </div>
</template>
<script>
export default {
  name: 'putInInfo',
  props: {
    dataObject: {
      type: Object,
      default: () => {}
    }
  },
  watch: {},
  data() {}
}
</script>
<style scoped lang="scss">
.info-box {
  display: flex;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 10px;
  .info-item {
    margin-right: 5%;
    > p:first-child {
      color: #999999;
      margin-bottom: 6px;
    }
    > p:last-child {
      font-weight: bold;
      color: #333333;
    }
  }
  .info-item:last-child {
    margin-right: 0;
  }
}
p {
  margin-bottom: 0;
}
</style>
